<template>
  <div class="main">
    <page-header></page-header>
    <back :showSearch="true"></back>
    <div class="content flex justify-between px-2">
      <div>
        <first></first>
        <second></second>
        <third></third>
      </div>
      <div>
        <four></four>
      </div>
      <div>
        <five></five>
        <six></six>
      </div>
    </div>
  </div>
</template>
<script>
var echarts = require("echarts");
import bmap from "@/components/maps.vue";
import pageHeader from "@/components/header.vue";
import back from "@/components/back.vue";
import first from "./components/first";
import second from "./components/second";
import third from "./components/third";
import four from "./components/four";
import five from "./components/five";
import six from "./components/six";
export default {
  name: "pageHome",
  components: { bmap, pageHeader, back, first, second, third,four,five,six},
  data() {
    return {};
  },
};
</script>
<style lang="stylus" scoped></style>
